/**
 * @Author: 
 * 该文件主要为layui弹出层的日常工作总结
 */
layui.use('layer', function(){ //独立版的layer无需执行这一句
    var $ = layui.jquery, 
        layer = layui.layer; //独立版的layer无需执行这一句   
    //触发事件 
    $('.layui-btn0').click(function(){
        layer.msg('在提示时'); 
        layer.msg('在提示时', {icon: 6}); 
    });
    $('.layui-btn1').click(function(){
        layer.msg('在错误提示时', {icon: 5}); 
    });
    $('.layui-btn2').click(function(){
        layer.msg('在成功时', {icon: 1}); 
    });
    $('.layui-btn3').click(function(){
        layer.msg('在失败时', {icon: 2}); 
    });
    $('.layui-btn4').click(function(){
        layer.confirm('通常询问是否删除时，用到的弹出框样式', {title:'提示'}, function(index){
            //do something           
            layer.close(index);
        });
    });
    $('.layui-btn5').click(function(){
        var index = layer.open({
            type: 0, //默认
            content: 'test',
            btn: ['按钮一', '按钮二', '按钮三'],
            yes: function(index, layero){
              //按钮【按钮一】的回调
              //return false  可禁止点击该按钮关闭
            },
            btn2: function(index, layero){
              //按钮【按钮二】的回调             
              //return false  可禁止点击该按钮关闭
            }
            ,btn3: function(index, layero){
              //按钮【按钮三】的回调             
              //return false 可禁止点击该按钮关闭
            },
            cancel: function(){ 
              //右上角关闭回调             
              //return false 可禁止点击该按钮关闭
            }
        
        });
        // var index = layer.open({
        //     type: 1, //页面层
        //     content: $('form')
        
        // });
        // var index = layer.open({
        //     type: 2, //iframe层
        //     content: 'http://sentsin.com'
        
        // });
    });
    //关闭所有弹出层
    $('.layui-btn6').click(function(){
        layer.closeAll();
    }); 
    //获取弹出层是iframe的DOM
    $('.layui-btn7').click(function(){
        layer.open({
            type: 2,
            area: ['800px', '500px'],
            content: 'http://www.baidu.com',
            success: function(layero, index){
                var body = layer.getChildFrame('body', index);  //得到iframe的body元素
                console.log(body.html()); //得到iframe页的body内容
                body.find('input').val('Hi，我是从父页来的');
            }
        });
    }); 
    //弹出层tab
    $('.layui-btn8').click(function(){
        layer.tab({
            area: ['600px', '300px'],
            tab: [{
                title: 'TAB1', 
                content: '内容1'
            }, {
                title: 'TAB2', 
                content: '内容2'
            }, {
                title: 'TAB3', 
                content: '内容3'
            }]
        }); 
    });
    $('.layui-btn9').click(function(){
        layer.msg('没有图标的提示'); 
    });
  });